Mental Models心智模型:使用者介面的關鍵概念

什麼是心智模型? (What Are Mental Models?)

心智模型是使用者對系統(如網站、應用或其他產品)的認知。這種認知幫助使用者預測系統的執行方式,並指導他們與介面的互動。

心智模型基於認知,而非事實

使用者透過自己的認知和經驗形成心智模型。例如,使用者對網站的預期通常基於他們在其他網站上的使用經驗(“雅各布定律”),因此使用者會期望不同網站的行為一致。

使用者心智模型的個體差異

每個使用者的心智模型都基於其獨特的背景知識和經驗,因此同一系統可能引發不同的心智模型。

設計師的心智模型:設計師對系統的認知往往詳細且複雜,因此會認為系統容易理解。

使用者的心智模型:使用者的認知通常不如設計師深入,這可能導致更多錯誤和使用困難。

心智模型會隨著使用者對系統或其他類似系統的使用經驗而改變。

網站使用者體驗中的心智模型 (Mental Models in Web UX)

購物車模型 (Online Shopping Carts)

使用者的線上購物體驗通常模仿實體店購物的流程(瀏覽商品、新增到購物車、結賬)。
Nomad Lane自動在購物車中新增運費保險,並要求使用者手動取消。這種設計違背了使用者對購物車“自主控制”的心智模型,導致使用者困惑和挫敗感。

返回按鈕模型 (Back Button)

瀏覽器的返回按鈕通常被使用者理解為“撤銷”或“返回到上一個頁面”。

移動端的變化:在早期移動應用中,返回按鈕常用於“向上導航”(返回到上一級目錄),而非回到上一頁面。這種行為與使用者的心智模型不一致,造成混亂。儘管這一問題有所改善,但在Android系統中,當使用者位於應用主頁時,按返回鍵可能直接退出應用,而非返回上一個頁面。

搜尋欄模型 (Search Bars)

使用者期待透過一個搜尋欄找到網站上的任何資訊。然而,如果頁面上有多個搜尋欄,使用者容易困惑並選擇錯誤的搜尋框。

密歇根大學圖書館.該網站首頁有兩個搜尋框,分別針對圖書館管理資訊和學術研究。儘管提示文字有所區分,但使用者往往認為搜尋框是通用的,這種設計增加了複雜性和使用錯誤的可能性。

心智模型的慣性 (Mental-Model Inertia)

使用者熟悉的心智模型具有慣性,即使它不再適用也會持續影響行為。

設計中的挑戰:創新設計可能與使用者的固有心智模型不符,從而增加理解和使用的難度。

應對策略:

  1. 遵循使用者的心智模型:將系統設計與使用者預期對齊,減少學習成本。例如,透過卡片分類瞭解使用者的導航習慣,並調整資訊架構。
  1. 改進使用者的心智模型:透過清晰的標籤和簡明的解釋,幫助使用者建立正確的認知。

仿實物設計 (Skeuomorphism)

仿實物設計利用物理世界的元素幫助使用者適應新互動方式。例如,兒童應用Duo ABC使用門和地圖的視覺隱喻,讓尚未建立數字導航模型的孩子更容易理解操作。

如何利用心智模型最佳化設計 (Acting on Mental Models)

識別問題與調整設計

使用者在系統中犯錯通常是由於錯誤的心智模型。設計師可以:

調整系統以符合使用者的模型:例如,將使用者常找的內容移至他們預期的位置。

教育使用者:透過簡明教程或演示,幫助使用者理解系統的實際邏輯。

使用者測試中的心智模型分析

思考過程法:讓使用者在使用設計時 verbalize(口頭表達)他們的想法和預測,可以幫助設計師瞭解使用者的心智模型。

簡單使用者測試:即使是少量的快速測試也能揭示設計中的心智模型問題。